<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>table 模块快速使用</title>
  <link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.7.6/css/layui.css">
</head>
<body>
 
<table id="demo" lay-filter="test"></table>
 
<script type="text/javascript" src="https://www.layuicdn.com/layui-v2.7.6/layui.js"></script>
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 'auto'
    ,url: 'http://127.0.0.1:5000/books' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'rank', title: '排名', width:80}
      ,{field: 'title', title: '标题', width:160, sort: true}
      ,{field: 'author', title: '作者', width:140} 
      ,{field: 'desc', title: '描述', width: 350}
      ,{field: 'score', title: '评分', width: 80, sort: true}
    ]]
  });
  
});
</script>
</body>
</html>